<template>
  <div class="item-outer">
    <h2>{{ title }}分类</h2>
    <slot name="list" :content="content"></slot>
  </div>
</template>

<script>
export default {
  name: "Item",
  props: ["id", "title", "content"],
};
</script>

<style scoped>
.item-outer {
  width: 250px;
  height: 400px;
  border: 1px solid #666;
  background-color: aqua;
}
.item-outer h2 {
  background: hotpink;
}
</style>